<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="reset.css">
    <link rel="stylesheet" type="text/css" href="lightClass.css">
</head>
<body>
<header class="header">
    <div class="nav_box">
        <div class="Logo floatLeft"><img src="img/logo.png"></div>
        <nav class="nav floatRight">
            <div>
                未来教室
                <ul class="futureClassList">
                    <li>轻课助手</li>
                    <li>轻课黑板</li>
                </ul>
            </div>
            <div>应用平台</div>
            <div>应用方案</div>
        </nav>
    </div>
</header>
<div class="bg_banner">
    <div style="height:620px;overflow:hidden;"><img style="width:100%;min-width:1440px;" src="img/banner_bg.png"></div>
    <div class="banner_content">
        <p class="size36"><img src="img/title.png"><b>1.0</b></p>
        <p class="size36" style="margin-top:76px;">移动教学，轻松高效</p>
        <p class="size36 downloadBtn" style="margin-top:64px;"><button>立即下载</button></p>
        <p class="size22" style="margin-top:26px;">需要APP和电脑端配合使用</p>
        <div class="banner_phone"><img src="img/banner_phone.png"></div>
    </div>
</div>
<div class="intro_container">
    <div class="detail_list">
        <div class="details">
            <div class="floatLeft marL30" style="margin-top:34px;"><img src="img/pic1.png"></div>
            <div class="floatRight" style="margin-top:145px;margin-right:160px;">
                <dl class="overflowH">
                    <dt class="floatLeft"><img src="img/contact_icon.png"></dt>
                    <dd class="floatLeft marL20">
                        <p class="size30 color2dabff">移动互连</p>
                        <p class="size14 colorccc marT10">CONTACT</p>
                    </dd>
                </dl>
                <ul class="marT23 bg_dot">
                    <li>支持扫描二维码连接</li>
                    <li>支持记忆直连</li>
                    <li>支持wifi热点连接</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="detail_list">
        <div class="details">
            <div class="floatLeft marL30" style="margin-top:145px;">
                <dl class="overflowH">
                    <dt class="floatLeft"><img src="img/demonstrated_icon.png"></dt>
                    <dd class="floatLeft marL20">
                        <p class="size30 color2dabff">课件演示</p>
                        <p class="colorccc marT10">DEMOSTRATED</p>
                    </dd>
                </dl>
                <ul class="marT23 bg_dot">
                    <li>支持电脑端多种格式的多媒体课件演示</li>
                    <li>支持对演示课件进行批注操作和演示</li>
                </ul>
            </div>
            <div class="floatRight" style="margin-top:34px;margin-right:60px;"><img src="img/pic2.png"></div>
        </div>
    </div>
    <div class="detail_list">
        <div class="details">
            <div class="floatLeft marL30" style="margin-top:80px;"><img src="img/pic3.png"></div>
            <div class="floatRight" style="margin-top:145px;margin-right:50px;">
                <dl class="overflowH">
                    <dt class="floatLeft"><img src="img/photo_icon.png"></dt>
                    <dd class="floatLeft marL20">
                        <p class="size30 color2dabff">拍摄上屏</p>
                        <p class="size14 colorccc marT10">CONTACT</p>
                    </dd>
                </dl>
                <ul class="marT23 bg_dot">
                    <li>支持拍摄单张相册图片、视频、Word、PPT<br>等常用多媒体课件上屏演示</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="detail_list">
        <div class="details">
            <div class="floatLeft marL30" style="margin-top:145px;">
                <dl class="overflowH">
                    <dt class="floatLeft"><img src="img/file_icon.png"></dt>
                    <dd class="floatLeft marL20">
                        <p class="size30 color2dabff">文件上屏</p>
                        <p class="colorccc marT10">FILE</p>
                    </dd>
                </dl>
                <ul class="marT23 bg_dot">
                    <li>支持移动端相册图片、视频、Word、PPT<br>等常用多媒体课件上屏演示</li>
                </ul>
            </div>
            <div class="floatRight" style="margin-top:80px;margin-right:60px;"><img src="img/pic4.png"></div>
        </div>
    </div>
    <div class="detail_list">
        <div class="details">
            <div class="floatLeft marL30" style="margin-top:80px;"><img src="img/pic5.png"></div>
            <div class="floatRight" style="margin-top:145px;margin-right:35px;">
                <dl class="overflowH">
                    <dt class="floatLeft"><img src="img/table_icon.png"></dt>
                    <dd class="floatLeft marL20">
                        <p class="size30 color2dabff">同步桌面</p>
                        <p class="size14 colorccc marT10">TABLE</p>
                    </dd>
                </dl>
                <ul class="marT23 bg_dot">
                    <li>移动端同步显示电脑端桌面</li>
                    <li>移动端可以进行电脑端桌面的缩放、鼠标操<br>作</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="detail_list">
        <div class="details">
            <div class="floatLeft marL30" style="margin-top:145px;">
                <dl class="overflowH">
                    <dt class="floatLeft"><img src="img/mouse_icon.png"></dt>
                    <dd class="floatLeft marL20">
                        <p class="size30 color2dabff">鼠标模拟</p>
                        <p class="colorccc marT10">MOUSE</p>
                    </dd>
                </dl>
                <ul class="marT23 bg_dot">
                    <li>类似无线鼠标，可以对电脑桌面端进行单<br>击、双击、滚轮操作</li>
                    <li>支持组合键，可以拖拽文件</li>
                    <li>支持移动端能缩放同步桌面</li>
                </ul>
            </div>
            <div class="floatRight" style="margin-top:80px;margin-right:60px;"><img src="img/pic6.png"></div>
        </div>
    </div>
</div>
<footer class="footer">
    <div class="textCenter size16 lineH60">版权所有：中庆集团  京ICP12047401</div>
</footer>
</body>
</html>